<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/layouts/conMenuLayout.xhtml">



	<ui:define name="title">
		<h:outputText value="#{msg.cabecera_title}" />
	</ui:define>
				
	<ui:define name="content">
		
			
		
		<h:form id="datosFacturas">  
		<h:panelGroup layout="block" styleClass="bloqueMensajes">
			<p:messages>
			</p:messages>
		</h:panelGroup>
			<h:panelGroup layout="block" class="bloqueCentralDatos">			
					
			
					<fieldset>
						<legend><h:outputText value="&nbsp;&nbsp;#{msg.field_factura}&nbsp;&nbsp;" /></legend>
						
						
						<h:panelGrid id="facturaPanel" columns="4" styleClass="porcen100" width="100%" columnClasses="porcen15,porcen35,porcen15,porcen35" >
							<f:facet name="header">  
						        Nueva Factura
						    </f:facet>  
								<h:outputLabel for="fechaDesde" value="Fecha Desde: " />
						  	<p:calendar readOnlyInputText="true" navigator="true" id="fechaDesde" locale="#{locale}" maxlength="10" pattern="dd/MM/yyyy" 
	   											value="#{factura.fechaDesde}"
	   											showOn="button" inputStyleClass="porcen70"  timeZone="CET" />
	   											
	   						<h:outputLabel for="fechaHasta" value="Fecha Hasta: " />
						  	<p:calendar readOnlyInputText="true" navigator="true" id="fechaHasta" locale="#{locale}" maxlength="10" pattern="dd/MM/yyyy" 
	   											value="#{factura.fechaHasta}" 
	   											showOn="button" inputStyleClass="porcen70"  timeZone="CET" />
			   		 		
			   		 		<h:outputLabel for="numero" value="Numero: " />  
						    <p:inputText id="numero" value="#{flowScope.factura.numero}" label="Numero"/>  
			   		 		
			   		 		<h:outputLabel for="lecturas" value="Lecturas: " />  
						    <p:inputText id="lecturas" value="#{flowScope.factura.lecturas}" label="Lecturas"/>  
			   		 		
							<h:outputLabel for="consumo" value="Consumo: " />  
						    <p:inputText id="consumo" value="#{flowScope.factura.consumo}" label="Consumo"/>  
						 
						</h:panelGrid>
						
						<h:panelGrid id="facturaImportePanel" columns="2" styleClass="porcen100" width="100%" columnClasses="porcen25,porcen75" >
												  
						    <h:outputLabel for="importeAgua" value="Importe Agua: " />  
						    <p:inputText id="importeAgua" value="#{flowScope.factura.importeAgua}" label="Importe Agua"/>  
						    
						    <h:outputLabel for="importeCuota" value="Importe Cuota Fija: " />  
						    <p:inputText id="importeCuota" value="#{flowScope.factura.importeCuota}" label="Importe Cuota"/> 
						    
						    <h:outputLabel for="importeRSU" value="Importe RSU: " />  
						    <p:inputText id="importeRSU" value="#{flowScope.factura.importeRSU}" label="Importe RSU"/>  
						    
						    <f:facet name="footer">  
						    	
						        <p:commandButton id="botonInsertar" value="#{msg.botonera_guardar}" title="#{msg.botonera_guardar}" action="insertarFactura" ajax="false" />  
						    </f:facet>  
						</h:panelGrid>
						
						
					
					</fieldset>
					
					<p:separator/>
					
					<h:panelGroup layout="block" styleClass="separacionVertical"/>
										
					<fieldset>
						<legend><h:outputText value="&nbsp;&nbsp;#{msg.field_facturas}&nbsp;&nbsp;" /></legend>
												
						<p:dataTable var="varFactura" value="#{flowScope.facturas}" styleClass="centrarTextos" paginator="true" rows="20"  id="tablaFacturas"
		                emptyMessage="#{msg.mensaje_sinResultados}" 
		                rowIndexVar="rowIndex" paginatorPosition="top" paginatorTemplate=" Elementos por página {RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}" 
                 		rowsPerPageTemplate="10,20,30" rowStyleClass="#{rowIndex%2 == 0 ? 'colorFilaPar' : 'colorFilaImpar'}">
		  				
		  				 <p:column >  
				            <f:facet name="header">  
				                <h:outputText value="" styleClass="tamanioLetraPequenio"/>
				            </f:facet>  
				            
				            
			            	<h:commandButton value="" action="seleccionarFactura" image="/images/detail.png" title="#{msg.botonera_seleccionar}">
			            		<f:param name="facturaSeleccionada" value="#{varFactura.id}"></f:param>
			        	 	</h:commandButton>
			
				        </p:column> 
		  				
				        <p:column sortBy="#{varFactura.fechaDesde}" >  
				            <f:facet name="header">  
					            <h:outputText value="#{msg.factura_periodo}" styleClass="tamanioLetraPequenio"/>
				            </f:facet>  
				             
				            <h:outputText value="#{varFactura.fechaDesde}" styleClass="tamanioLetraPequenio"> 
				            	<f:convertDateTime pattern="dd/MM/yyyy" timeZone="CET"></f:convertDateTime>
				            </h:outputText>
				            <h:outputText value=" - " styleClass="tamanioLetraPequenio"/>
				            <h:outputText value="#{varFactura.fechaHasta}" styleClass="tamanioLetraPequenio"> 
				            	<f:convertDateTime pattern="dd/MM/yyyy" timeZone="CET"></f:convertDateTime>
				            </h:outputText>
				       </p:column>
				       <p:column sortBy="#{varFactura.numero}" >  
				            <f:facet name="header">  
					            <h:outputText value="#{msg.factura_numero}" styleClass="tamanioLetraPequenio"/>
				            </f:facet>  
				             
				            <h:outputText value="#{varFactura.numero}" styleClass="tamanioLetraPequenio"/> 
				       </p:column>
				       
				       <p:column sortBy="#{varFactura.total}" >  
				            <f:facet name="header">  
					            <h:outputText value="#{msg.factura_total}" styleClass="tamanioLetraPequenio"/>
				            </f:facet>  
				             
				             <h:outputText value="#{varFactura.total}" styleClass="tamanioLetraPequenio">
								<f:convertNumber minFractionDigits="2" maxFractionDigits="2" minIntegerDigits="1" />
							</h:outputText> 
				       </p:column>
				      				       
				        <f:facet name="footer">  
				            <h:outputText value="#{msg.mensaje_tabla_obtenidos} #{fn:length(facturas)} #{msg.mensaje_tabla_registro}" styleClass="tamanioLetraPequenio"/>
				        </f:facet>
				    </p:dataTable> 
				</fieldset>
    	</h:panelGroup>
    	
    	
    	    	
	</h:form>  
		
		
	</ui:define>

</ui:composition>

</html>
